﻿#tMob{}
html { font-size:16px; }
body, .stdChrome, .stdChrome * { margin:0; padding:0; }
body { font-size: 62.5%; font-family:Arial,Helvetica,sans-serif; color: #000; padding: 10.5em 0 1em 0; }
#ivw { position:absolute; visibility: hidden; }
#ivw_dialog { position:absolute; visibility: hidden; }
#documentCanvas { width: 975px; clear:both; }
.invisible {visibility:hidden;}
.hidden {display:none;}
a { text-decoration: none; }
a:hover { text-decoration: underline; }
.chSeite1 *,
.chMeinung *,
.chPolitik *,
.chWirtschaft *,
.chWeb *,
.chSport *,
.chPanorama,
.chEtat *,
.chKultur *,
.chWissenschaft * { border-width:0; border-style: solid }
.clear, .clearboth, .clearall { display:block; clear:both !important; height:0px !important; _height:1px !important; visibility:hidden }

.svcNav { text-align: left; padding: 0px 3px; margin-bottom: 15px }
.svcNav ul { margin: 0; padding: 0; list-style-type: none }
.svcNav ul li { display: inline }
.onclick { cursor: pointer; cursor: hand }
pre { font-family: consolas, courier, "courier new", monospace }
.tri { background-image: url(/img/cont/lnk/artikel_093875.gif); background-repeat:no-repeat; background-position:center left; padding-left: 9px }
.mediaList .empty { display:none; }

hr { padding: 0; height: 1px; border: 0; }

/* Button styles */
.stdButton { border-width: 1px; border-style: solid; padding: 2px 8px; overflow: visible; font-weight: bold }

.std-button
{
	display:block;
	padding:0 8px;
	text-align:center;
	line-height:22px;
	border:1px solid #666;
	background:rgba(0,0,0,0.1) url(/img/buttons/gradient.png) repeat-x top left;
	cursor:pointer;
	cursor:hand;
	outline: none;
	-webkit-user-select:none;
}
button.std-button {
	width:0;
	overflow:visible;
}
button[class].std-button {
	width:auto;
}
.std-button:disabled,
.std-button.disabled {
	opacity: 0.5;
}
.std-button.discreet,
.livebericht .comment .std-button,
.livebericht .comment .std-button.icon
{
	background-color:transparent;
	background-position:0 -89px;
	border-color:transparent;
}

.hover-element:hover .std-button,
.hover-element:hover .std-button.icon {
    border-width:1px;
    border-style:solid;
    border-color: rgba(51, 51, 51, 0.4);
    background-color: rgba(0, 0, 0, 0.1);
    background-image:url(/img/buttons/gradient.png);
    background-repeat: repeat-x;
    color: rgb(51, 51, 51);
    text-shadow: 0px 1px rgb(255, 255, 255);
    background-position: 0 0;
}
.hover-element:hover .std-button.icon { 
    background-color: rgba(0,0,0,0.2);
}
.std-button:hover    { background-color:rgba(0,0,0,0.1) !important; border-color:#333 !important; text-decoration:none; }
.std-button:active  { background-color:#fff !important; background-position:0 -44px; border-color:#fff !important; color:#000 !important; }
.hover-element:hover .std-button:active { background-image: none; }
.std-button:disabled{ background-position:0 -44px; opacity:.2; }

.std-button.discreet:hover { background-position:0 0; }
.std-button.discreet:active { background-position:0 -44px; }

.std-button.icon 
{
	width:22px;
	padding:0;
	background-image:url(/img/desktop/sprite_buttons6.png);
    text-indent:-10000px;
}
.std-button.icon.prev         { background-position:-132px 0; }
.std-button.icon.prev:active  { background-position:-132px -44px; }

.std-button.icon.next         { background-position:-154px 0; }
.std-button.icon.next:active  { background-position:-154px -44px; }

.std-button.icon.mail         { background-position: -110px -2px; }
.std-button.icon.mail:active  { background-position: -110px -46px; }

.std-button.icon.print        { background-position: 0 -2px; }
.std-button.icon.print:active { background-position: 0 -46px; }

.std-button.download {
    padding-left:0;
}
.std-button.download .icon {
    display:block;
    float:left;
    width:22px;
    height:22px;
    margin:0 8px 0 2px;
    border-right:1px solid rgba(0,0,0,.2);
    background-position:center center;
    background-repeat:no-repeat;
}
.std-button.download .icon.doc { background-image:url(/img/ui/icn_file-doc.gif); }
.std-button.download .icon.docx { background-image:url(/img/ui/icn_file-docx.gif); }
.std-button.download .icon.pdf { background-image:url(/img/ui/icn_file-pdf.gif); }
.std-button.download .icon.ppt { background-image:url(/img/ui/icn_file-ppt.gif); }
.std-button.download .icon.sit { background-image:url(/img/ui/icn_file-sit.gif); }
.std-button.download .icon.zip { background-image:url(/img/ui/icn_file-zip.gif); }
.std-button.download .icon.xls { background-image:url(/img/ui/icn_file-xls.gif); }
.std-button.download .icon.xlsx { background-image:url(/img/ui/icn_file-xlsx.gif); }

.std-button.download .label {
    display:block;
    float:right;
    padding-right:20px;
    line-height:22px;
    text-transform:uppercase;
    font-size:11px;
    font-weight:bold;
    background:url(/img/ui/icn_download.png) right center no-repeat;
}

#footer
{
	clear:both;
	margin: 1em 8px 0 8px;
	border-top-width:3px;
	border-top-style:solid;
	background-color:rgba(0,0,0,.1);
	font-size: 1.1em;
}
/*body.ressort #footer { width: 959px; }*/
body.object #footer { width: 740px; }
body.object #archive #footer { width: 959px; } /* FIX IT, .object sollte nicht im DOM stehen */

#footer .wrapper
{
	padding:16px 0 0;
}
#footer .copyright {
	float: left;
	margin:0 0 12px 12px;
}
#footer .copyright strong {
	display:block;
	margin:0 0 8px;
	font-size: 15px;
	font-weight:normal;
}
#footer .imprint {
	float: right;
	margin:0 12px 12px 0;
	font-size:1.3em;
	line-height:18px;
}

#footer .product-menu 
{
	clear:both;
	padding:12px;
	font-size: 1.3em;
	border-top-width:1px;
	border-top-style:solid;
}
#footer .product-menu ul
{
	float:left;
	width:100%;
	margin:0;
}
#footer .product-menu li
{
	float:left;
	margin:0;
	padding:0;
	list-style:none;
}
#footer .product-menu li:before
{
	content:"·";
	margin:0 10px;
}

#footer .product-menu li:first-child:before
{
	content:"";
	margin:0;
}
#footer .product-menu a em 
{
	font-family:courier;	
}
#footer .product-menu a span
{
	font-size:.85em;
}

/* Feedbackformular
*************************************************/

#feedback-ui {
		position: fixed;
		left: 245px;   
    top: -200px;
		width: 430px;
		background: #fff;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
		border:3px solid rgba(255,255,255,0.3);
		padding:10px;
		z-index:40;		
		opacity:0;
		font-size:1.2em;
}

#feedback-ui.fadein {
		top: 65px;
		opacity:1;
		transition:top .8s ease-in-out;
}

#feedback-ui.fadeout {
		top: -200px;		
		opacity:1;
		transition:top .8s .1s ease-in-out;
}

#feedback-ui #feedbackPostForm {
		opacity:1;
}

#feedback-ui #feedbackPostForm.fadeout {
		opacity:0;
		transition:opacity .7s ease-in-out;
}

#feedback-ui h2 {
		padding-bottom:3px;
		border-bottom:1px solid #efefef;
		margin-bottom:3px;
		text-shadow:-1px -1px 1px rgba(255, 255, 255, 0.2);
}

#feedback-ui textarea {
		width:100%;
		min-height: 90px;
		max-height: 300px;
    resize: vertical;
		border-style: none;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1em;
    padding: 6px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
}

#feedback-ui div.inputtext {
    border-style: solid;
    border-width: 1px;
		margin-bottom:10px;
}

#feedback-ui .counter {
		text-align:right;
}

#feedback-ui button {
    float: left;
}

#feedback-ui button.cancel {
    margin-left: 15px;
}

#feedback-ui .rating {
    float:left;
		border:none;
		margin-bottom:5px;
		margin-left: 0;
    padding: 0;
}

#feedback-ui .rating legend {
    float:left;
		line-height:2.2em;
		margin-right:5px;
}

#feedback-ui .rating:not(:checked) > input {
    position:absolute;
    top:-9999px;
    clip:rect(0,0,0,0);
}

#feedback-ui .rating:not(:checked) > label {
    float:right;
    width:18px;
    padding:0 .1em;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    font-size:22px;
    line-height:1.1em;
    color:#ddd;
}

#feedback-ui .rating:not(:checked) > label:before {
    content: '★ ';
}

#feedback-ui .rating > input:checked ~ label,
#feedback-ui .rating > input:checked + label:hover,
#feedback-ui .rating > input:checked + label:hover ~ label,
#feedback-ui .rating > input:checked ~ label:hover,
#feedback-ui .rating > input:checked ~ label:hover ~ label,
#feedback-ui .rating > label:hover ~ input:checked ~ label,
#feedback-ui .rating:not(:checked) > label:hover,
#feedback-ui .rating:not(:checked) > label:hover ~ label {
    color:#ebad18;
}

#feedback-ui .rating > label:active {
    position:relative;
    top:0px;
    left:0px;
}

#feedback-ui .success {
		padding:5px;
		background-color:rgba(71, 150, 87, 0.30);
		border:1px solid rgba(71, 150, 87, 0.90);
		color:#102f17;
}

#feedback-ui .error {
		padding:5px;
		background-color:rgba(206, 58, 58, 0.30);
		border:1px solid rgba(206, 58, 58, 0.90);
		border-style:solid;
		border-width: 1px;
		color:#3b1111;
}

.std-button.feedbackbutton {
		float:right;
		position:relative;
		top:6px;
		right:10px;
		line-height:19px;
}